:root {
    --colorOne: #4e4e4e;
    --colorTwo: #4394c6;
}
:root {
    --h1size: 50px;
    --h2size: 40px;
    --h3size: 24px;
    --h4size: 20px;
    --h5size: 18px;
    --h6size: 16px;
    --bodysize: 16px;
    --h1height: 58px;
    --h2height: 48px;
    --h3height: 32px;
    --h4height: 28px;
    --h5height: 26px;
    --h6height: 26px;
    --bodyheight: 26px;
    --pfamily: 'Rubik', sans-serif;
    --red: #ff3838;
    --gray: #777777;
    --text: #555555;
    --blue: #1494a9;
    --white: #ffffff;
    --chalk: #f5f5f5;
    --green: #11b76b;
    --purple: #b12fad;
    --orange: #e86121;
    --yellow: #ffab10;
    --body: #f5f6f7;
    --border: #e8e8e8;
    --heading: #39404a;
    --primary: #a39c9c;
    --secondary:#d5d7d7;
    --sub-heading: #565765;
    --green-chalk: #ddffd5;
    --green-dark: #072f17;
    --gray-chalk: #cccccc;
    --intro-bg: #f8fffa;
    --facebook: #3b5998;
    --linkedin: #0e76a8;
    --twitter: #00acee;
    --google: #E60023;
    --instagram: #F77737;
    --primary-bshadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
    --primary-tshadow: 2px 3px 8px rgba(0, 0, 0, 0.1)
    }

.a-link{
    text-decoration: none;
    color: #fff;
}
.a-link:hover{
    color: black;
}

.r-img{
    border-top-left-radius: 40%;
    border-bottom-right-radius: 40%;
}
.r-bg{
    background:linear-gradient(rgba(255, 255, 255, 0.37), rgba(255, 255, 255, 0.986)),url(../images/creative/7xm.xyz258892.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.c-full{
    background:linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.1)),url(../images/creative/7xm.xyz337813.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.c-half1{
    text-align: center;
    color: #4e4e4e;
}
.c-half2{
    background-color:rgb(71, 71, 71);
    border-top-left-radius: 120%;
    color: #ffffff;
    text-align: center;
}
.s1{
background-color: #fff8f8;
}
.s2{
    background-color: #b4b4b4;
    h2,p{
        color: #fff !important;
    }
}
.s3{
    background-color: #4e4e4e;
    h2,p{
        color: #fff !important;
    }
}

.i-bg {
    border: 2px dashed #646464;
    background-color: #fff;
  }
  
  .in-bg {
    background-color: rgb(245, 244, 244);
    padding: 20px;
  }
  .faq{
    background-image:linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.4)) ,url(../images/creative/7xm.xyz514276.jpg);
    background-repeat: no-repeat;
    background-size: cover;
   }  
   .accordion-button{
    padding: 15px !important;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
   }
   .faq-btn{
    background: #39404a;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 10px;
   }
   .faq-btn:hover{
    color: #39404a;
    background: #fff;
    border: 1px solid #39404a;
   }
   .m-img{
  overflow: hidden;
   border: 8px solid #555555;

   
   &:hover img {
    scale: 1.2;
}
   }
 
   .m-img-img{
    overflow: hidden;
   }
   .heading12 {
    color: var(--colorOne);
    display: block;
    font-size: 22px;
    font-weight: 600;
    padding: 0 20px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: white; /* Background color to make the heading stand out */
    z-index: 1;
    &::before,
    &::after {
        content: '';
        position: absolute;
        top: 50%;
        width: 50px; 
        height: 2px; 
        background-color: var(--colorOne);
        transform: translateY(-50%);
        z-index: -1;
      
    }

    &::before {
        left: 530px; 
    }

    &::after {
        right: 530px; 
    }
}
@media (max-width:768px ) {
    .heading12 {
        color: var(--colorTwo);
        display: block;
        font-size: 22px;
        font-weight: 600;
        padding: 0 20px;
        position: relative;
        text-transform: uppercase;
        letter-spacing: 1px;
        background: white;
        z-index: 1;
        &::before,
        &::after {
            content: '';
            position: absolute;
            top: 50%;
            width: 0px; 
            height: 0px; 
            background-color: var(--colorTwo);
            transform: translateY(-50%);
            z-index: -1;
        }
    
        &::before {
            left: 40px; 
        }
    
        &::after {
            right:10px; 
        }
    }
}

.q-card{
    margin-right: 0px;
    padding: 1px;
    border-radius: 4px;
    h5{
        color: #fff;
    }
    p{
        color: #e7e6e6;
    }
   }
   .q-card:hover{
    filter: brightness(100%);
    .overlay-text{
      display: none;
    }
   }
   .overlay-text{
    position: absolute;
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 0px;
    text-align: center;
    display: block;
   
    top: 50%;
    left:50%;

   }
   .ql-img{
   
    filter: brightness(40%);
    border-radius: 20px;

  }
  .img-text img:hover{
    filter: brightness(100%);
    transition: .3s ease ;
    transform: scale(.98);
   }
  
   .img-text{
    position: relative;
    
   }
   .vedio-bg{
    
}

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  
  .heading5 {
    color: var(--colorOne);
    display: block;
    font-size: 22px;
    font-weight: 600;
    padding: 0 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* background: var(--colorTwo); */
    position: relative;
    z-index: 1;
}

.heading5::before,
.heading5::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 50px;
    height: 2px;
    background-color: var(--colorOne);
    transform: translateY(-50%);
}

.heading5::before {
    left: 440px;
}

.heading5::after {
    right: 440px;
}
.form-c{
    border: 1px dashed #646464 !important;
}

@media (max-width:768px ) {
    .heading5 {
        color: var(--colorOne);
        display: block;
        font-size: 22px;
        font-weight: 600;
        padding: 0 20px;
        position: relative;
        text-transform: uppercase;
        letter-spacing: 1px;
        
        z-index: 1;
        &::before,
        &::after {
            content: '';
            position: absolute;
            top: 50%;
            width: 0px; 
            height: 0px; 
            background-color: var(--colorTwo);
            transform: translateY(-50%);
            z-index: -1;
        }
    
        &::before {
            left: 180px; 
        }
    
        &::after {
            right:180px; 
        }
    }
}
@media (max-width:991px ) {
    .heading5 {
        color: var(--colorOne);
        display: block;
        font-size: 22px;
        font-weight: 600;
        padding: 0 20px;
        position: relative;
        text-transform: uppercase;
        letter-spacing: 1px;
      
        z-index: 1;
        &::before,
        &::after {
            content: '';
            position: absolute;
            top: 50%;
            width: 0px; 
            height: 0px; 
            background-color: var(--colorTwo);
            transform: translateY(-50%);
            z-index: -1;
        }
    
        &::before {
            left: 80px; 
        }
    
        &::after {
            right:180px; 
        }
    }
}
a{
    text-decoration: none;
}